草庐IT

android - 滚动和缩放 ImageView

全部标签

javascript - 使用 Javascript/JQuery 为移动网络(android、iOS、Windows Phone)突出显示/选择元素上的文本

我试图通过允许用户点击/触摸一个元素来加快在所有移动网络浏览器(Android、iOS和WindowsPhone)中“复制和粘贴”文本的过程,它会自动“选择/突出显示”该元素内的文本。✔我想要发生的事情:点击输入元素和“全选”文本。按住突出显示的文本,允许出现“复制或剪切”原生选项。尝试1:http://jsfiddle.net/w3R6u/2/HTMLJQUERY$("input").click(function(){window.document.execCommand('SelectAll',true);});..尝试2:http://jsfiddle.net/w3R6u/4/H

javascript - 检测页面底部的死滚动(鼠标滚轮、滚动事件)

我正在寻找检测用户何时滚动到页面底部然后尝试继续滚动但没有任何内容可滚动/查看的地方。我正在创建可用性指标,其中死滚动是一个指标,并且需要一种方法来准确检测用户何时尝试滚动但没有看到任何剩余内容。我需要在鼠标滚轮事件启动但页面不滚动时触发的东西,向上/向下方向。 最佳答案 这是我用来在到达底部时阻止页面动画滚动的脚本的作用:vargate=$(window),edge;setLength();gate.resize(function(){setLength();});functionsetLength(){edge=$(docume

javascript - 复杂的连续滚动循环

我的代码类似于:结果总数取决于ajax查询,我一次性动态插入所有结果。div.main始终可见(固定高度)并且div.details在div.main下方“展开/折叠”,当用户点击resultdiv。详细信息div高度可以变化。如果#resultsscrollHeight大于#right-columnheight,我想创建一个连续滚动循环。在这种情况下,滚动到#result50将显示#result1,滚动到#result1之前将显示#result50。我不能.append()第一个child到底部,因为在某些情况下,可以在顶部和底部看到result的一部分专栏。我无法复制result除

javascript - 缩放后使用 Translate 将元素定位在另一个元素之上

我正在实现一个基于Croppie的图像裁剪工具.我的问题是,当我缩小得太远时,图像会离开视口(viewport)或离裁剪区域太远。所以我有一个函数,在线(下面的代码片段)363是这样的:function_updateCenterPoint(){//borkedconsole.log("fire_updateCenterPoint()");varself=this,transform=Transform.parse(self.childElements.img.style[CSS_TRANSFORM]);varimgRect=self.childElements.img.getBound

javascript - 滚动到模态窗口内的元素

我有一个模式窗口,需要能够打开模式,然后将用户滚动到模式中的特定位置。我正在使用AJAX将模式内容获取到PHP脚本。例如mypage.php?loc=someid在PHP脚本中我有这个JS来做滚动:$(document).ready(function(){$('.modal-body').animate({scrollTop:$("#").offset().top},1000);});在PHP页面中是这样的一些HTML:我的内容加载正确,但发生的滚动量似乎与打开模式的链接有关,因此它实际上并没有在文档中找到div。我猜我的JS需要稍微调整一下。看来我需要能够计算元素距模态内容顶部的偏移

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - 键盘显示时 Ionic ion-content 不向下滚动 (Android)

我有一个带有登录表单的简单View。在Android上,如果键盘打开,内容不会向上滚动以防止它位于键盘后面。我按照文档中的键盘说明进行操作,并阅读了很多论坛帖子,但我还没有弄明白。我安装了键盘插件com.ionic.keyboard。这是页面的结构:.....Loginform.....如果我在页面中放置一些额外的虚拟内容,它表明ion-content确实是可滚动的。但是,当通过专注于输入打开键盘时,它不会向上移动。ionic版本?1.0.0-beta.13我的应用程序是全屏的吗?没有我是否测试过键盘插件是否正常工作?是的还有什么需要我做的吗? 最佳答案

javascript - 在缩放的 div 上拖动元素

我试过使用jquery内置的可拖动功能,也试过使用自定义拖动功能但无济于事。两者都有各自的问题,我将尝试着重强调它们。基本上,我试图允许拖动缩放的div容器上的元素。以下方法在小于2左右的缩放元素上正常。但如果你再高一点,我们就会发现一些问题。如有任何帮助,我们将不胜感激。感谢您的宝贵时间。HTMLHi方法一(Jquery可拖动函数)我已经尝试了jquery可拖动功能,正如您在jsfiddle中看到的那样示例。我在这个例子中发现的问题如下:最大的问题:可放置的容器在放大时不会改变。因此,如果该元素被拖动到不是其原始大小的一部分的缩放容器的一部分上,它将失败。当您点击拖动一个div时,它

javascript - 在 Paper.js 中适合页面缩放后,光栅图像偏离中心

我正在开发一个Paper.js应用程序,它在view中放置一个raster(图像)。然后它会缩放以适合图像,以便一次可以看到所有图像。它主要工作,但图像最终偏移,如下所示:什么时候应该看起来更像这样:下面是创建View、添加图像并调用缩放以适合的代码://SetupHTMLImagevarimage=newImage(this.props.image.width,this.props.image.height);image.src='data:image/png;base64,'+this.props.image.imageData;//varcanvas=React.findDOMN

javascript - masonry 网格连续循环滚动

所以我试图在包含砖石网格的页面上实现连续循环效果。基本上我有一个整页的砖石网格,我想在向上或向下滚动时循环。目前我有这个:var$grid=$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:'.gutter-sizer',percentPosition:true,transitionDuration:0});$grid.imagesLoaded().progress(function(imgLoad,image){var$item=$(image.img);$item.addCl